/***************************
customstyle.css
style.css
media.css
modal.css
*****************************/
body{margin:0;padding:0;font-family:'open_sansregular';background:url(images/services-main-bg.jpg) repeat}
body p{font-size:14px;line-height:20px;color:#363636}
@font-face{font-family:'open_sansregular';src:url(fonts/opensans-regular-webfont.eot);src:url(fonts/opensans-regular-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/opensans-regular-webfont.woff) format("woff"),url(fonts/opensans-regular-webfont.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'dancing_scriptbold';src:url(fonts/dancingscript-bold-webfont.eot);src:url(fonts/dancingscript-bold-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/dancingscript-bold-webfont.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'dancing_scriptregular';src:url(fonts/dancingscript-regular-webfont.eot);src:url(fonts/dancingscript-regular-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/dancingscript-regular-webfont.woff) format("woff"));font-weight:400;font-style:normal}
@font-face{font-family:'kaushan_scriptregular';src:url(fonts/kaushanscript-regular-webfont.eot);src:url(fonts/kaushanscript-regular-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/kaushanscript-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}
ul,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
ol,ul{list-style:none}
ol{margin:0;padding:0}
.wrapper{width:100%}
.menu-main{background:#FFF;width:100%;z-index:99;-webkit-box-shadow:0 8px 16px -5px rgba(0,0,0,0.19);-moz-box-shadow:0 8px 16px -5px rgba(0,0,0,0.19);box-shadow:0 8px 16px -5px rgba(0,0,0,0.19);border-top:solid 4px #09c}
.menu{width:100%;display:block}
.brand{width:30%;float:left;margin:15px 0}
.brand h1{text-transform:capitalize;color:#4c4c4c;font-weight:700;border:0;font-size:26px;text-decoration:none!important;margin:11px 0}
.brand a{text-decoration:none!important}
.brand a:hover{text-decoration:none!important}
.menu_links{float:right;margin:20px 22px 20px 0}
.clearfix{clear:both}
.banner{width:100%;height:294px;color:#FFF;text-align:center}
.banner h1{font-family:'dancing_scriptbold';color:#FFF;text-transform:uppercase;width:100%;text-align:center;margin:0;display:block;padding:20px 0;font-size:32px}
.banner h2{padding-top:100px;margin:0;text-transform:uppercase;font-weight:400;font-size:20px;font-family:'kaushan_scriptregular'}
.banner ul{margin:10px auto;font-size:22px;text-transform:capitalize}
.banner ul li{padding:5px;font-size:20px;font-family:'kaushan_scriptregular'}
.banner ul li img{vertical-align:middle;margin-right:10px}
.contentpart{padding:50px}
.content{width:100%;display:block;padding:4% 0;margin:0 auto}
.content h1,.content h2{font-size:26px;width:100%;display:block;text-align:center;font-weight:400;color:#363636;font-family:'open_sansregular'}
.content h1{margin-bottom:25px}
.content h2{font-size:20px;font-weight:400;color:#363636;margin:0 0 40px}
.content p{width:100%;display:block;text-align:center}
.aboutus{text-align:center;margin:0 auto;width:1200px}
.aboutus li{margin:7px 0;width:50%;float:left;padding:0;text-align:left}
.aboutus p{margin:10px 0;line-height:28px;font-size:15px}
.aboutus-img{text-align:center;margin-top:25px}
.aboutus-img img{width:23%}
.content-bg{background-color:#f3f3f3}
.features{width:100%;display:block}
.services{width:100%;display:block}
.live-box{float:none;width:100%;text-align:center}
.liveandchat-box{width:48%;float:left;text-align:center;margin:0 1%}
.services h3{font-size:18px;font-weight:700;color:#09c;margin:10px 6px}
.settingsform{background:#FFF;border-top:solid 1px #ccc}
.form-fields{width:40%;margin:0 auto}
.form-fields ul{display:inline-block}
.form-fields li{margin:20px;display:block;width:100%}
.settingsform input,select{padding:5px 10px}
.form-fields li label{margin-right:20px;font-size:14px;width:50%;display:inline-block}
.submitbtn{padding:10px 20px!important;color:#FFF;background:#337ab7;border:0;border-radius:3px;cursor:pointer;font-size:18px}
.photoinvitation input[type="button"]{padding:6px 15px!important;color:#FFF;background:#337ab7;border:0;border-radius:3px;cursor:pointer;font-size:16px}
.choosepwd input{width:32px;margin:0 5px}
.choosepwd p{display:block;width:100%;margin-top:0;font-size:12px}
.choosepwd{width:100%!important;display:inline-block}
.choosepwd label{width:40%!important;display:inline-block}
.downloadnchoose{margin-top:10px}
.inputradio label{width:30%!important;display:inline-block}
.yourphoto{text-align:center}
.yourphoto img{width:100%}
.recordedvideo{text-align:center}
.footer{color:#fff!important;background-color:#272727;padding:0 50px 20px}
.copyright{text-align:center;padding-top:25px;font-size:12px;color:#bebebe}
.copyright a{color:#FFF;text-decoration:none;padding:2.5px 0;font-size:13px;color:#bebebe;display: none;}
.copyright a:hover{text-decoration:none;color:#FFF}
.timeformat{width:50px}
.banner a{padding:10px 20px;color:#09c;background:#FFF;border-radius:4px;margin-top:15px;width:auto;display:inline-block}
.banner a:hover{text-decoration:none}
#nav-trigger{display:none;text-align:center}
#nav-trigger span{padding:10px}
#nav-trigger span img{vertical-align:middle}
#nav-trigger span.open:after{border-left:solid 10px transparent;border-top:0;border-bottom:solid 10px #fff;border-right:solid 10px transparent}
nav#nav-main{padding:0}
nav#nav-main ul{list-style-type:none;margin:0;padding:0;text-align:center}
nav#nav-main li{display:inline-block;padding:0 5px}
nav#nav-main li:last-child{border-right:0}
nav#nav-main a{font-family:'open_sansregular';display:block;color:#09c;padding:10px 18px;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:16px;border-radius:4px}
nav#nav-main a:hover{background-color:#09c;color:#fff}
nav#nav-mobile{position:relative;display:none}
nav#nav-mobile ul{display:none;list-style-type:none;position:absolute;right:0;margin-left:auto;margin-right:auto;text-align:center;background-color:#1f1f1f;z-index:9}
nav#nav-mobile li{display:block;padding:5px 0;margin:0 5px;border-bottom:solid 1px #2d2d2d}
nav#nav-mobile li:last-child{border-bottom:0}
nav#nav-mobile a{font-family:'quandoregular';display:block;color:#fff;padding:10px 30px;text-decoration:none}
nav#nav-mobile a:hover{background-color:#af002c;color:#fff}
ul.expanded{position:absolute!important;z-index:9!important}
.album-images{width:100%;margin:0 auto}
.album-images ul{margin-top:30px;width:100%;display:inline-block}
.album-images ul li img{max-height:100%;max-width: 98%;}
.album-images ul li{width:49%;height:400px;text-align:center}
.album-images ul li.lft{float:left}
.album-images ul li.rgt{float:right}
.asteriskField{color:red}
section h1{margin-bottom:10px}
section p{margin-bottom:30px}
section p:last-child{margin-bottom:0}
.embed-iframe { position: relative; padding-top: 66.67%; height: 0; overflow: hidden; max-width: 100%; overflow:auto; -webkit-overflow-scrolling:touch;} .embed-iframe iframe, .embed-iframe object, .embed-iframe embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow:auto; -webkit-overflow-scrolling:touch; }
@media all and (max-width:1000px) {
#nav-trigger{display:block}
nav#nav-main{display:none}
nav#nav-mobile{display:block}
}
@media only screen and (min-width:300px) and (max-width:780px) {
.embed-iframe { position: relative; padding-top: 66.67%; padding-bottom: 23%; height: 0; overflow: hidden; max-width: 100%; overflow:auto; -webkit-overflow-scrolling:touch;} .embed-iframe iframe, .embed-iframe object, .embed-iframe embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow:auto; -webkit-overflow-scrolling:touch; }
.toparrow{display:block}
.top-links ul li a{padding:3px}
.brand{width:70%}
.brand img{width:200px}
.banner{height:180px;padding-top:12px}
.banner-main{margin-bottom:10px!important}
.banner h1{font-size:22px;padding-top:10px;padding-bottom:10px;line-height:30px}
.banner h2{margin-top:0;padding-top:0;font-size:12px;font-weight:400}
.banner ul{width:100%;margin:0 auto}
.banner ul li{font-size:15px;padding:0 5px}
.banner ul li img{float:left}
.features-box img{margin:0 15px 40px 0}
.sales,.top-links{width:97%;text-align:left}
.sales{padding-left:6%}
.footer{padding:25px;margin-top:15px!important}
.social-icons img{margin-bottom:15px}
.acrdn li{width:90%;margin:9px auto;float:none}
.site-nav .menu{background:#999;transition:all .5s ease!important}
.copyright{padding-top:0}
.content{padding:4% 0;width:100%}
.embed-iframe{height:70px!important}
.content h1{margin-bottom:8px;margin-top:0;font-size:18px}
.aboutus ol{margin:0 20px}
.aboutus li{font-size:14px;padding:0;width:100%}
.yourphoto img{width:98%;margin:0 auto}
.liveandchat-box{width:98%;float:left}
.banner-main{background:url(images/banner-bg-mobile.jpg) repeat!important}
.aboutus{text-align:left}
.services{width:98%;display:block;margin:0 1%}
.settingsform{width:100%;display:block}
.form-fields{width:90%;margin:0 auto}
.form-fields li{margin:20px 0;display:block;width:100%}
.form-fields li label{display:block;width:100%;margin-bottom:7px}
.form-fields li input[type="text"]{width:90%}
.form-fields li input[type="radio"]{width:25px;float:left}
.choosepwd input{margin:5px;width:25px!important}
.choosepwd{width:95%}
.album-images ul li{width:100%;height:auto}
.album-images ul li:nth-child(2){margin:35px 0}
.brand h1{font-size:22px;font-family:'open_sansregular';margin:0 25px}
.brand a:hover{text-decoration:none!important}
.menu_links{margin-top:15px}
}
@media only screen and (max-width:1299px) {
.wrapper{width:100%;margin:0 auto}
#home,.banner-main,#services,#photo,,#aboutus,#contactus,.menu{width:100%;margin:0 auto;padding:10px 0}
#home,.menu,#services{padding:0}
.banner-main{background:url(images/banner-bg.jpg) no-repeat center top}
.aboutus{padding:4% 0;width:100%}
.aboutus li{padding:0 2.5%}
}
@media only screen and (min-width:1300px) {
#home,.banner,#services,#photo,#aboutus,#contactus,#photo-div,#faq-div,#aboutus-div,.photo-main,.album-images,.services,.menu{width:1200px;margin:0 auto}
.faq-main,.features-main{width:100%;background:#f3f3f3}
.help,.services-main,.menu-main,.header-bar-main{width:100%}
.footer-main{width:100%;background:#272727}
.banner-main{background:url(images/banner-bg.jpg) no-repeat center #09c;height:380px;background-size:cover}
.header-bar-main{background:#09c}
}
@media only screen and (min-width:781px) and (max-width:1000px) {
#home,.banner-main,#services,#photo,,#aboutus,#contactus,.menu{width:90%;margin:0 auto}
#home,.menu{padding:0}
.sales{padding:6px 20px;width:30%}
.brand{width:25%}
.brand img{width:100%;margin-left:20px}
.features-box{width:100%}
nav#nav-main{padding:0}
nav#nav-main a{padding:10px}
.banner h1{padding-top:0}
.banner ul{margin-left:0}
.banner ul li{margin:10px}
.settingsform{width:100%;display:block}
.form-fields li{margin:10px 0;display:inline-block;width:100%}
.form-fields li label{display:block;width:50%;margin-bottom:7px;float:left}
.form-fields li input[type="text"]{width:40%}
.form-fields li input[type="radio"]{width:25px;float:left}
.inputradio span{width:50%;float:left}
.choosepwd input{margin:5px;width:25px!important}
.form-fields{width:80%;margin:0 auto}
.form-fields ul{display:inline-block;width:100%}
}
@media only screen and (min-width:1000px) and (max-width:1220px) {
nav#nav-main a{padding:8px!important}
}
#myImg{border-radius:5px;cursor:pointer;transition:.3s}
#myImg:hover{opacity:.7}
#myImg3{border-radius:5px;cursor:pointer;transition:.3s}
#myImg3:hover{opacity:.7}
#myImg2{border-radius:5px;cursor:pointer;transition:.3s}
#myImg2:hover{opacity:.7}
.modaled{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.9)}
.modaled-content{margin:auto;display:block;width:80%;max-width:700px}
#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}
.modaled-content,#caption{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}
@-webkit-keyframes zoom {
from{-webkit-transform:scale(0)}
to{-webkit-transform:scale(1)}
}
@keyframes zoom {
from{transform:scale(0)}
to{transform:scale(1)}
}
.closeed{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}
.closeed:hover,.closeed:focus{color:#bbb;text-decoration:none;cursor:pointer}
@media only screen and (max-width:700px) {
.modaled-content{width:100%}
}